﻿<html>
	<head>
		<link rel="stylesheet" type="text/css" href="../../../static/css/bootstrap.min.css"/>
		<script type="text/javascript" src="../../../static/js/jquery-2.2.4.min.js"></script>
		<script type="text/javascript" src="../../../static/js/jquery.tips.js"></script>
		<script type="text/javascript" src="../../../static/js/bootstrap.min.js" ></script>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>云众科技网上预约挂号系统</title>
	</head>
	<style type="text/css">
		html body{
			width: 100%;
		}
		.piaoyikuang{
			border: 1px solid #66AFE9;
			border-radius: 10px;
		}
		.piaoyi{
			float: left;
			width: 100px;
			height: 30px;
			border: 0px solid #66AFE9;
			text-align: center;
		}
		.ks-left{
			border: 1px solid #66AFE9;
			border-radius: 10px;
			margin-right: 0px;
		}
		.ks-right{
			border: 0px solid #66AFE9;
			border-radius: 10px;
		}
	</style>
	<body>
		<!--
        	作者：石洪刚
        	时间：2017年8月10日14:12:50
        	描述：个人中心	联系我们	登录	注册
        -->
		<div class="container">
			<nav class="nav navbar-default navbar-fixed-top container-fluid" role="navigation" style="background-color:aquamarine;">
				<div class="nav navbar-header">
					<!-- 导航头 -->
					<a class="navbar-brand" href="#">云众科技</a>
					<button class="navbar-toggle" data-toggle= "collapse" data-target="#mynav">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>
				<div class="collapse navbar-collapse" id="mynav">
					<!-- 导航内容 -->
					<ul class="nav navbar-nav">
						<li><a href="">联系电话：0451-87362836</a></li>
						<!-- 下面的代码需要登录后才能显示 -->	
						<li><a href="../../personal/personal.html">个人中心</a></li>
						<li><a href="#"><span class="glyphicon glyphicon-user"></span>欢迎您：张飞</a></li>
					</ul>
					<!-- 导航尾，登录后不再显示 -->
					<div class="nav navbar-right">
						<ul class="nav navbar-nav">
							<li><a href="../../login.html">登录</a></li>
							<li><a href="../../register/register.html">注册</a></li>
						</ul>
					</div>	
				</div>
			</nav>
		</div>
		<!--
        	作者：石洪刚
        	时间：2017年8月10日14:32:38
        	描述：项目名称   搜索框 （搜索框只有游客或患者可见）
        -->
		<div class="container" style="margin-top: 50px;">
			<div class="col-sm-6" >
				<h2 class="text-primary" >云众科技网上预约挂号系统</h2>
			</div>
			
			<div class="col-sm-6" style="margin-top: 15px;">
				<form method="post" name="form1" class="form form-horizontal">
					<div class="input-group">
					     <div class="input-group-btn">
						    <button id="index_search_btn" type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">科室<span class="caret"></span></button>
						       <ul class="dropdown-menu" role="menu">
						         <li><a href="#">科室</a></li>
						         <li><a href="#">疾病</a></li>
						       </ul>
					     </div><!-- /btn-group -->
					     <input type="text" class="form-control" placeholder="请输入搜索内容" >
					     <span class="input-group-addon" style="background-color:#f0ad4e;cursor: pointer;" >
						   <span class="glyphicon glyphicon-search "></span>
					     </span>
					</div>
				 </form>
			</div>
			
		</div>
		<!--
        	作者：石洪刚
        	时间：2017年8月10日17:04:47
        	描述：导航条   游客可见(在dashboard页) ：按科室挂号  按疾病挂号  最新公告
        -->
		<div class="container" style="margin-top: 10px;">
			<ul class="nav nav-pills guahao" role="tablist" style="background-color:lightcyan">
			  	<li ><a href="../../dashboard.html">首页</a></li>
			  	<li ><a href="../../appointment/dept/listDept.html">按科室预约</a></li>
				<li class="active"><a href="../../appointment/illness/listIllness.html">按疾病预约</a></li>
				<li ><a href="../../newestAnnoucement/listAnnouncement.html">最新公告</a></li>
			</ul>
		</div>
		<!--
        	作者：石洪刚 
        	时间：2017年8月20日21:51:22
        	描述：显示热门疾病 及所有疾病
        -->
        <div class="container">
        	<div class="text-left">
        		<h4 class="btn btn-warning">热门疾病</h4>
        	</div>
        	<div class="piaoyikuang" style="padding: 5px;height: 100px;">
        		<div class="piaoyi"><a href="../doctor/listDoctor.html">癫痫</a></div>	
        	</div>
        </div>
	<div class="container" style="margin-top: 10px;">
        <div class="container" style="margin-top: 10px;">
        	<!-- panel start -->
        	<div class="panel panel-default">
        		<div class="panel-heading">
        			<h6>肌肉</h6>
        		</div>
        		<div class="panel-body">
    				<div>
		        		<div class="piaoyi"><a href="#">癫痫</a></div>
		        		<div class="piaoyi"><a href="#">腹股沟疝</a></div>
		        		<div class="piaoyi"><a href="#">肌病</a></div>
		        		<div class="piaoyi"><a href="#">乳腺纤维瘤</a></div>
		        		<div class="piaoyi"><a href="#">疼痛</a></div>
		        		<div class="piaoyi"><a href="#">纤维瘤</a></div>
		        		<div class="piaoyi"><a href="#">腰肌劳损</a></div>
		        		<div class="piaoyi"><a href="#">营养不良</a></div>
		        		<div class="piaoyi"><a href="#">重症肌无力</a></div>
		        	</div>
        		</div>
        	</div>
        	<!-- panel end -->
        	<!-- panel start -->
        	<div class="panel panel-default">
        		<div class="panel-heading">
        			<h6>皮肤</h6>
        		</div>
        		<div class="panel-body">
    				<div>
		        		<div class="piaoyi"><a href="#">疤痕</a></div>
		        		<div class="piaoyi"><a href="#">白癜风</a></div>
		        		<div class="piaoyi"><a href="#">瘢痕疙瘩</a></div>
		        		<div class="piaoyi"><a href="#">扁平疣</a></div>
		        		<div class="piaoyi"><a href="#">病理诊断</a></div>
		        		<div class="piaoyi"><a href="#">痤疮</a></div>
		        		<div class="piaoyi"><a href="#">带状疱疹</a></div>
		        		<div class="piaoyi"><a href="#">冻伤</a></div>
		        		<div class="piaoyi"><a href="#">多汗症</a></div>
		        		<div class="piaoyi"><a href="#">放射诊断</a></div>
		        		<div class="piaoyi"><a href="#">腹外疝</a></div>
		        		<div class="piaoyi"><a href="#">过敏性紫癜</a></div>
		        		<div class="piaoyi"><a href="#">红斑狼疮</a></div>
		        		<div class="piaoyi"><a href="#">花粉症</a></div>
		        		<div class="piaoyi"><a href="#">黄褐斑</a></div>
		        		<div class="piaoyi"><a href="#">鸡眼</a></div>
		        		<div class="piaoyi"><a href="#">激素依赖性皮炎</a></div>
		        		<div class="piaoyi"><a href="#">尖锐湿疣</a></div>
		        		<div class="piaoyi"><a href="#">结节性红斑</a></div>
		        		<div class="piaoyi"><a href="#">毛囊炎</a></div>
		        		<div class="piaoyi"><a href="#">难治性伤口</a></div>
		        		<div class="piaoyi"><a href="#">扁皮肤过敏</a></div>
		        		<div class="piaoyi"><a href="#">皮肤瘙痒</a></div>
		        		<div class="piaoyi"><a href="#">皮肤整形</a></div>
		        		<div class="piaoyi"><a href="#">皮肌炎</a></div>
		        		<div class="piaoyi"><a href="#">皮炎</a></div>
		        		<div class="piaoyi"><a href="#">日光性皮炎</a></div>
		        		<div class="piaoyi"><a href="#">褥疮</a></div>
		        		<div class="piaoyi"><a href="#">瘙痒症</a></div>
		        		<div class="piaoyi"><a href="#">疝气</a></div>
		        		<div class="piaoyi"><a href="#">烧伤</a></div>
		        		<div class="piaoyi"><a href="#">神经性皮炎</a></div>
		        		<div class="piaoyi"><a href="#">湿疹	</a></div>
		        		<div class="piaoyi"><a href="#">太田痣</a></div>
		        		<div class="piaoyi"><a href="#">烫伤</a></div>
		        		<div class="piaoyi"><a href="#">体癣</a></div>
		        	</div>
        		</div>
        	</div>
        	<!-- panel end -->
        	<!-- panel start -->
        	<div class="panel panel-default">
        		<div class="panel-heading">
        			<h6>血液血管</h6>
        		</div>
        		<div class="panel-body">
    				<div>
		        		<div class="piaoyi"><a href="#">KT综合征</a></div>
		        		<div class="piaoyi"><a href="#">白血病</a></div>
		        		<div class="piaoyi"><a href="#">动脉瘤</a></div>
		        		<div class="piaoyi"><a href="#">动脉栓塞</a></div>
		        		<div class="piaoyi"><a href="#">动脉硬化闭塞症</a></div>
		        		<div class="piaoyi"><a href="#">高血压</a></div>
		        		<div class="piaoyi"><a href="#">高血脂</a></div>
		        		<div class="piaoyi"><a href="#">过敏性紫癜</a></div>
		        		<div class="piaoyi"><a href="#">急性淋巴细胞白血病</a></div>
		        		<div class="piaoyi"><a href="#">静脉曲张</a></div>
		        	</div>
        		</div>
        	</div>
        	<!-- panel end -->
        	<!-- panel start -->
        	<div class="panel panel-default">
        		<div class="panel-heading">
        			<h6>免疫系统淋巴</h6>
        		</div>
        		<div class="panel-body">
    				<div>
		        		<div class="piaoyi"><a href="#">1型糖尿病</a></div>
		        		<div class="piaoyi"><a href="#">2型糖尿病</a></div>
		        		<div class="piaoyi"><a href="#">Graves病</a></div>
		        		<div class="piaoyi"><a href="#">癌痛</a></div>
		        		<div class="piaoyi"><a href="#">矮小症</a></div>
		        		<div class="piaoyi"><a href="#">艾滋病</a></div>
		        		<div class="piaoyi"><a href="#">白塞氏病</a></div>
		        		<div class="piaoyi"><a href="#">白细胞减少症</a></div>
		        		<div class="piaoyi"><a href="#">痤疮</a></div>
		        		<div class="piaoyi"><a href="#">肥胖症</a></div>
		        	</div>
        		</div>
        	</div>
        	<!-- panel end -->
        	<!-- panel start -->
        	<div class="panel panel-default">
        		<div class="panel-heading">
        			<h6>周围神经系统</h6>
        		</div>
        		<div class="panel-body">
    				<div>
		        		<div class="piaoyi"><a href="#">抽动症</a></div>
		        		<div class="piaoyi"><a href="#">癫痫</a></div>
		        		<div class="piaoyi"><a href="#">电击</a></div>
		        		<div class="piaoyi"><a href="#">多发性硬化</a></div>
		        		<div class="piaoyi"><a href="#">发作性睡病</a></div>
		        		<div class="piaoyi"><a href="#">焦虑症</a></div>
		        		<div class="piaoyi"><a href="#">麻醉</a></div>
		        		<div class="piaoyi"><a href="#">面瘫</a></div>
		        		<div class="piaoyi"><a href="#">拟除虫菊酯类杀虫药中毒</a></div>
		        		<div class="piaoyi"><a href="#">帕金森</a></div>
		        	</div>
        		</div>
        	</div>
	</div>
	</body>
	<script type="text/javascript">
	//点击左侧科室，安装锚点找到对应的明细
	$(".left_ill a").bind("click",function(){
		$(".left_ill li").removeClass("active");
		$(this).parent().addClass("active");
	});
	//根据科室或疾病名称查询医生
	function listDocByDpNameOrIllName(illName){
		location.href = "<%=request.getContextPath()%>/appointment/listDocByDpNameOrIllName?illName="+encodeURI(encodeURI(illName));
	}
	</script>
</html>